<script setup>
defineProps(['title'])
defineEmits(['remove'])
</script>

<template>
    <li>
        {{ title }}
        <button @click="$emit('remove')">Remove</button>
        <!-- 子组件可以使用 $emit,让父组件监听到自定义事件 。 -->
        <!-- 在当前组件触发一个自定义事件。 -->
        <!-- 子组件使得父组件触发了@remove，然后删除了元素 -->
    </li>
</template>